<template>
	<view class="search-box left clearfix">
		<!--logo开始-->
		<view class="search-logo left clearfix">
			<image src="https://mp-cf247fe4-80e2-458f-9533-66f43af127c0.cdn.bspapp.com/logo/logo6.png" mode="aspectFill" style="width:100px;height:23px;"></image>
		</view>
		<!--logo结束-->
		<!--搜索框-->
		<view class="search-so left clearfix">
			<view class="search-text left clearfix">
				<label class="ellipsis">全国</label>
				<label>
					<uni-icons type="down" color="#666" size="16"></uni-icons>
				</label>
			</view>
			<view class="search-input-box left clearfix">
				<label>
					<uni-icons type="search" color="#999" size="20"></uni-icons>
				</label>
				<label>
					输入任务名称搜索
				</label>
			</view>
		</view>
	</view>
</template>
 

<style scoped>
	.search-input-box label:last-child{float:left;line-height:2.7rem;height:2.6rem;color:#999;margin-left:.6rem;font-size:.9rem;}
	.search-input-box label:first-child{float:left;line-height:2.7rem;height:2.6rem;}
	.search-input-box{width:calc(100% - 8rem);}
	.search-text label:last-child{float:left;line-height:1rem;border-right:1px solid #dedede;width:2rem;margin-top:.8rem;}
	.search-text label:first-child{float:left;min-width:1.5rem;max-width:3rem;}
	.search-text{width:4.5rem;line-height:2.6rem;text-align:center;font-size:.9rem;margin-left:1rem;}
	.search-logo image{margin-left:1rem;}
	.search-so{width:94%;height:2.5rem;line-height:2.5rem;margin-left:3%;border-radius: 1.5rem;border:1px solid #eee;background:#fff;}
	.search-logo{width:100%;height:3rem;line-height:3rem;margin-top:1rem;}
	.search-box{width:100%;height:7rem;}
</style>

<script>
	export default {
		name:"search",
		data() {
			return {
				
			};
		}
	}
</script>
